page {
  height: 100%;

  .yg-category {
    display: flex;
    height: 100%;
    overflow: hidden;

    .yg-category-left {
      flex: 2;
      height: 100%;
      background-color: #f3f3f3;

      .scrool-left {
        height: 100%;
        width: 100%;

        .cate-item {
          position: relative;
          font-size: 24rpx;
          text-align: center;
          line-height: 34rpx;
          height: 34rpx;
          margin-top: 50rpx;

          .border {
            position: absolute;
            left: 0;
            top: 0;
            width: 2rpx;
            height: 100%;
          }

          .active {
            background-color: #ea4350;
          }
        }
      }
    }

    .yg-category-right {
      flex: 7;
      height: 100%;
      background-color: purple;

      .scrool-right {
        height: 100%;
        width: 100%;
      }
    }
  }
}